<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
	<meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0,user-scalable=no" />
	<title>阳光牌友</title>  
    <meta name="format-detection" content="telephone=no">
    <meta name="msapplication-tap-highlight" content="no">
    <meta name="x5-orientation" content="portrait">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta http-equiv="Access-Control-Allow-Origin" content="">
	<meta http-equiv="content-security-policy">
	<script type="text/javascript" src="js/jquery.min.js" ></script>
	<!--mui样式-->
	<link rel="stylesheet" type="text/css" href="css/mui.min.css"/>
	<link rel="stylesheet" type="text/css" href="css/mui/app.css"/>
	<link rel="stylesheet" type="text/css" href="css/mui/mui.picker.css"/>
	<link rel="stylesheet" type="text/css" href="css/mui/mui.picker.min.css"/>
	<link rel="stylesheet" type="text/css" href="css/mui/mui.poppicker.css"/>
	<!--环信-->
	<script type="text/javascript" src="js/hx/strophe.js" ></script>
	<script type="text/javascript" src="js/hx/websdk-1.1.2.js"></script>
	<script type="text/javascript" src="js/hx/websdk.config.js"></script>
	<script type="text/javascript" src="js/hx/websdk.shim.js"></script> 
	<script type="text/javascript" src="js/bq.js"></script> 
	<!--环信-->
	<script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=yWnFso0oyjmX79HzCx1DRz2sBtvweQfI"></script>
	<link rel="stylesheet" href="css/loding/fakeLoader.css"/>
	<!--头像上传-->
	<link rel="stylesheet" href="css/cropper.css"/>
	<script src="js/cropper.js"></script>
	<!-- 公共样式与字体  -->
	<link rel="stylesheet" href="css/public.css"/>
	<link rel="stylesheet" type="text/css" href="icon-font/iconfont.css"/>
	<!-- 定制样式   -->
	<link rel="stylesheet" href="css/style.css"/>
	<link rel="stylesheet" href="css/bq.css" />
	<link rel="stylesheet" type="text/css" href="css/NewStyle.css"/>
	<!-- Swiper 样式  -->
	<link rel="stylesheet" type="text/css" href="css/swiper.min.css"/>
	<link rel="stylesheet" href="css/appstyle.css" />
	<style type="text/css">
		.rgba{display: none;}
		html{background-color: #fff;}
	</style>
</head>
<body>
	<div class="App">
		<span>阳光牌友</span>
		<button>下载APP</button>
	</div>
	<div class="mui-navbar-inner mui-bar mui-bar-nav pHead header_1">
		<h2>经销商店铺</h2>
	</div>
	<main class="mui-page-content pBody DealerStore">
		<!-- 轮播图 Start ↓↓↓↓↓↓↓ -->
		<div id="DealerStore" class="mui-slider" >
			<div class="mui-slider-group">
				<!--<div class="mui-slider-item">
					<img src="images/1.jpg">
				</div>
				<div class="mui-slider-item">
					<img src="images/bgd.jpg">
				</div>-->
			</div>
			<div class="mui-slider-indicator">
				<!--<div class="mui-indicator mui-active"></div>
				<div class="mui-indicator"></div>-->
			</div>
		</div>
		<!-- 轮播图 End ↑↑↑↑↑ -->
		<div class="titletext">
			<img src=""/>
		</div>
		<div class="List">
			<h2><span></span>热门商品</h2>
			<p class="Ne">谨慎付款 一旦付款 平台不承担法律责任</p>
			<ul>
				<li>
					<i></i>
					<p>康帮手棋牌室空气净化器</p>
				</li>
				<li>
					<i></i>
					<p>康帮手棋牌室空气净化器</p>
				</li>
			</ul>
		</div>
	</main>
	<div class="rgba"></div>
	<div class="" id="tan2"></div>

	
	<script src="js/base.js"></script>
	<script src="js/swiper.min.js"></script>
	<script type="text/javascript">
		
		function tan(text2){
			$("#tan2").addClass("tan");
			$("#tan2").text(text2);
			clearTimeout(a);
			var a = setTimeout (function(){
				ding();
			},2000);
			function ding (){
				$("#tan2").removeClass("tan");
				$("#tan2").text("");
			};
		}
		function getCache(key){
			if(localStorage.getItem(key)){
				return JSON.parse(localStorage.getItem(key));
			}else{
				return false;
			}
		}
		
		$('.App button').unbind('click').on('click',function(){
			location.href = 'http://www.yuzhuli.com/';
		});
		
		function initLBT(boxId,dataList){
			$('#'+boxId).empty();
			$('#'+boxId).html('<div class="swiper-container swiper_'+boxId+'"><div class="swiper-wrapper SwiperImg_'+boxId+'" style="font-size: 0;"></div><div class="swiper-pagination SwiperSpot_'+boxId+'"></div></div>');
			var html = '';
			$.each(dataList,function(i,d){
				html += '<div class="swiper-slide"><img src="' + d + '"></div>';
			});
			$('.SwiperImg_'+boxId).html(html);
			LBT('.swiper_'+boxId,'.SwiperSpot_'+boxId);
		}
	    function LBT(swiper1,swiper2) {
			//轮播图
			var swiper = new Swiper(swiper1, {
				pagination: swiper2,
				paginationClickable: true,
				loop:true
			});
			swiper.update();
		}
	    
	    function GetQueryString(name){
		    var reg = new RegExp("(^|&)"+ name +"=([^&]*)(&|$)");
		    var r = window.location.search.substr(1).match(reg);
		    if(r!=null)return  unescape(r[2]); return null;
		}
	    
		var parm = GetQueryString('id');
		var url = 'http://www.yuzhuli.com/api.php/Api/nearby_shop_detail';
		
		function getdata(){
			$.post(url,{id:parm},function(obj){
				if(obj.s){
					console.log(obj)
					var obj = obj.d;
					var banner = '';
					var banner2 = '';
					$.each(obj.pictures, function(i,d) {
						banner += '<div class="mui-slider-item"><img src="'+d+'"></div>';
						banner2 += '<div class="mui-indicator"></div>';
					});
					$('#DealerStore .mui-slider-group').html(banner);
					$('#DealerStore .mui-slider-indicator').html(banner2);
					$('#DealerStore .mui-slider-indicator div').eq(0).addClass('mui-active');
					$('.titletext img').attr('src',obj.desc_img);
					var goods = '';
					$.each(obj.goods_list,function(i,d){
						goods += '<li zid="'+d.id+'"><i style="background-image:url('+d.picture+');"></i><p>'+d.goods_name+'</p><p>'+d.price+'</p></li>';
					});
					$('.List ul').html(goods);
					var ss = '<script src="js/muijs/mui.min.js"><\/script><script src="js/muijs/mui.picker.min.js"><\/script><script src="js/muijs/mui.poppicker.js"><\/script>';
					$('body').append(ss);
					click();
				}else{
					tan(obj.m)
				}
			})
		}
		getdata();
		
		function click(){
			$('.List ul li').unbind('click').on('click',function(){
				location.href = 'http://www.yuzhuli.com/';
			});
		}
		
	</script>
	
</body>
</html>
